<template>
    <div id="app">
        <router-view />
    </div>
</template>

<style lang="scss">
    html {
        margin: auto;
        max-width: $maxWidth;
        height: 100%;
        font-size: 10vw;
        font-family: -apple-system, system-ui, BlinkMacSystemFont,
            Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
            Arial, sans-serif;
        @include MaxWidth() {
            font-size: calc((#{$maxWidth} - 17px) / 10);
        }
    }
    body {
        margin: auto;
        max-width: $maxWidth;
        height: 100%;
        font-size: 16px;
        -webkit-text-size-adjust: none !important;
        /deep/ .van-toast__text {
            font-size: 28px;
        }
    }
    #app {
        height: 100%;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
    }
</style>
